@CHARSET "ISO-8859-1";

/* CSS Reset */
body, div, h1, ul, ol, li, form, th, td {
	margin: 0px;
	padding: 0px;
}

/* HTML5 tags */
div, header, section, footer, aside, nav, article, figure {
	display: block;
}

html, body {
	height: 100%;
}

/* Basic Layout and Positioning */


/* Header Area Styling */
header {
	width: 100%;
	height: 150px;
	margin: 0px auto;
	background-color: #f2f2f2;
}


/* Main Menu Area Styling */
nav {
	width: 150px;
	background-color: #333333;
	color:#ffffff;
	float: left;
}
/* Content Area Styling */

article {
	width: 100%;
	background-color: #666666;
}
/* Footer Area Styling */
footer {
	width: 100%;
	height: 100px;
	background-color: #666666;
	float: left;
	position: absolute;
	bottom: 67px;
}

/* Generic Element Styling */
body {
	font-size: 10pt;
	font-family: sans-serif, Helvetica, Arial;
	margin: 0 auto;
}

input[type=text] {	
	background-color: #ffffff;
	padding: 3px 12px 3px 12px;
	border-width: 1px;
}

input[type=text]:HOVER {
	background-color: #ffeccc;
}
input[type=button] {
	background-color: #333333;
	height: 26px;
	border: none;
	padding: 3px 12px 3px 12px;
}


input[type=submit] {
	background-color: #333333;
	height: 26px;
	background-image: none;
	border: none;
	padding: 3px 12px 3px 12px;
}

input[type=submit]:HOVER,  input[type=button]:HOVER {
	background-color: #fe9901;
}

/* Template Element Positioning */
#header {
	width: 100%;
	background-color: maroon;
	overflow: auto;
	
}

#footer {
	position: absolute;
	bottom: 0px;
	
	width: 100%;
}